<template>
	<view>
		<!-- <view class="first" hover-class="big_active">
			<view class="seconed" hover-class="small_active" 
			hover-stop-propagation="true"
			hover-start-time="2000"
			hover-stay-time="2000"></view>
		</view> -->
		<button size="mini">ok</button>
		<button size="mini">ok1</button>
		<button type="primary" plain="true">ok</button>
		<button type="default">ok1</button>
		<button type="warn" disabled="true" loading="true">ok2</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.first{
		background-color: #007AFF;
		width: 200px;
		height: 200px;
	}
	.seconed{
		background-color: #4CD964;
		width: 100px;
		height: 100px;
	}
	.big_active{
		background-color: #DD524D;
	}
	.small_active{
		background-color: #F0AD4E;
	}

</style>
